<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <button id="btn1">es5添加的点击事件</button>
  <button id="btn2">es6添加的点击事件</button>
<script type="text/javascript">
    //dom0级别的形式进行处理
    document.getElementById("btn1").onclick=function () {
        alert("事件1被触发了");
    };
    //todo es6箭头函数的使用    箭头函数的本质是一个匿名函数
    document.getElementById("btn2").onclick=()=>{
        alert("事件2被触发了");
    };

//    var m=function () {
//
//    }
    var m=(x)=>{
        console.log("hello"+x);
    };
    m("小雪");

    //如果只有一个参数，可以省略()

    var n=str=>{
        console.log("hello"+str);
    };
    n("李明");
    //如果只有一个参数，并且整体的函数只有返回值,可以省略{}

    var a=z=>"hello"+z;

    console.log(a("小红"));





</script>
</body>
</html>